草庐IT

Bootstrap 模态框(Modal)插件

全部标签

javascript - 如何覆盖babel的预设插件选项

我正在使用babel-preset-react-app通过以下.babelrc:{"presets":["react-app"],"plugins":["transform-es2015-modules-commonjs","transform-async-generator-functions"]}我需要覆盖babel-plugin-transform-runtime选项。我尝试通过以下方式安装插件并将其添加到.babelrc中:{"presets":["react-app"],"plugins":[["babel-plugin-transform-runtime",{"helper

javascript - Firefox 插件的内存泄漏

我有一个插件,它很大,我需要了解一些东西......是什么导致Firefox插件内存泄漏?如何找到导致泄漏的原因?如何修复漏洞?插件在页面上添加一些元素,请求页面的某些部分并更新DOM。每次重新加载页面都会增加内存,即使关闭选项卡也不会释放内存。 最佳答案 这是一个Firefoxextension它可以捕获某些类型的内存泄漏。有更多关于调试泄漏的文档here,但它有点难读。 关于javascript-Firefox插件的内存泄漏,我们在StackOverflow上找到一个类似的问题:

javascript - Twitter Bootstrap 粘性子导航在它应该在较短的页面上之前变得固定

我实现了一个自动float的子导航栏,直接取自BootstrapdocsCSSandJS,在我正在处理的网站中。它只出现在一个View中,但这是一个RailsView,因此它是根据加载的对象动态生成的。我发现,当出现在子导航栏下方的内容足够长时,子导航栏的行为会按预期工作-subnav-fixed类会在子导航栏滚动时立即添加看不见。但是,如果页面比这短,子导航栏将在它实际超出View之前固定,这会产生非常刺耳的跳转,更不用说您可以看到该栏曾经所在的空间,您应该看不到。我应该补充一点,我使用的是固定的(主)导航栏,并考虑了适当的主体填充。问题似乎出在返回的$('.subnav').off

javascript - 在 pushState 单页应用程序中将 URL 片段 (#) 用于模态视图

我们在pushstate-only模式下使用Backbone.Router,因此我们所有的客户端路由都是无哈希的。但是,我们在应用中实现模态视图时遇到了困难。挑战如下:我们希望后退按钮隐藏当前模态视图(因此我们需要它有一个URL);我们希望Forward在不重绘整个应用程序的情况下再次显示它;我们希望能够在任何现有路线“之上”显示模式,而不仅仅是在一个页面上;我们希望能够创建立即显示特定模式(例如登录模态视图)的链接。换句话说,我们希望模态视图在历史中呈现。我们的第一次尝试是使用像/login这样的URL作为登录模式,并在route处理程序中专门处理它们。当我们在/otherpage上

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul

javascript - 垂直菜单 Bootstrap 和 Angular

我正在尝试创建这样的垂直菜单site.我正在寻找的是:当菜单折叠时,子菜单用悬停打开,当菜单打开时,子菜单在链接下方打开。这是我的JSFiddle,我所做的是:点击按钮后我可以打开菜单。子菜单正在工作(最后一个)但是我不想在菜单折叠时打开子菜单。Angularvarapp=angular.module('myApp',[]);app.controller('mainCtrl',function($scope){$scope.noneStyle=false;$scope.bodyCon=false;$scope.sasd="asd";//Togglethestyles$scope.tog

javascript - Bootstrap 表单验证验证同一表单组内的所有字段

我在验证表单时遇到问题。我的html是:AddressAddress1CityEmirate输出是现在的问题是我需要内联显示它们,所以我将它们放在同一个from-group中,这在验证时产生了问题。我没有任何邮政编码验证。但是在验证任何城市/酋长国验证是否失败时,邮政编码也显示为红色。我不想要的。我的问题是如何如图所示内联显示它们,同时将它们保存在单独的表单组中,这样验证就不会受到影响。 最佳答案 不难,用同样的HTML结构就可以实现原因:postalcode输入在不需要且未设置验证规则的地方突出显示为红色,因为它在中其中addre

javascript - 如何将参数传递给 babel 6 中预设的插件?

我有一个reactpreset,我想将pragma参数传递给transform-react-jsx。现在我正在安装transform-react-jsx分别设置我的.babelrc如下:{"presets":["react"],"plugins":[["transform-react-jsx",{"pragma":"dom.hJSX"}]]}但我想知道是否有另一种方法可以将设置传递给预设中的插件。 最佳答案 所以我找到了babelgithub,正如我现在发现的那样thereisnoway将设置传递给预设中的插件。好的一面是anoth

javascript - 如果输入值仅包含时间,则初始化 Bootstrap 日期时间选择器时出现 JS 错误

我正在使用DateTimePicker我想加载一个唯一的时间选择器。我像这样初始化我的输入字段并且效果很好。这只让我挑次jsfiddle:$('#datetimepicker_hour1').datetimepicker({language:'es',format:'hh:ii',minuteStep:60,autoclose:true,minView:1,maxView:1,startView:1});如果我想用预选的时间初始化此输入,则会出现JS错误:"UncaughtTypeError:Cannotreadproperty'getTime'ofundefined"但如果我像这样输

javascript - 提交前在模态页面中显示来自 Controller 的值

尝试添加一个模型确认页面(继续/取消),其中包含一些信息。信息来自带有几个输入的表单...我创建了一个小项目,我认为它说明了这个要求。在提交之前,我想在模式页面中显示一个值,该值取决于在表单中输入的值。在这种情况下,我有3个输入来进行简单求和。因此模态页面显示总和,用户可以决定是否继续。这是项目的链接。我被困在index.htmljquery部分。[https://github.com/davisoski/action-listener][1]我认为这是正确的做法,但我无法做到这一点[https://qtzar.com/2017/03/24/ajax-and-thymeleaf-for